
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';

import TimePager from './Time';
import DemoPie from './Pie';
import DemoLine from './Line';
import DemoColumn from './Column';



const onChange = (key: string) => {
  console.log(key);
};

const items: TabsProps['items'] = [
  {
    key: '1',
    label: '兑换量',
    children: <DemoLine/>,
  },
  {
    key: '2',
    label: '销量Top20',
    children: <DemoColumn/>,
  },
  {
    key: '3',
    label: '兑换方式',
    children: <DemoPie/>,
  },
];

const ShoppingPager = () => {
  return(
  
<>

<div><TimePager/></div>
<Tabs defaultActiveKey="1" items={items} onChange={onChange} />

</>
    
  );
}

export default ShoppingPager;